<template>
  <div class="body">
    <section class="help-banner">
      <div class="center-block">
        <p class="sayHell">您好，欢迎来到帮助中心</p>
        <h2 class="data-title">有什么可以帮到您？</h2>
        <div class="banner-search">
          <div class="indexSearchBox">
            <div class="input-group">
            <span class="input-group-btn">
						  <i class="inSearchFdj dtFont dtFont-sousuo"></i>
					  </span>
              <input type="text" v-model="searchVal" placeholder="请输入您要查询的事项" class="form-control">
              <span class="input-group-btn">
						<button class="btn btn-default" @click="search" type="button">搜索</button>
					</span>
            </div>
          </div>

          <div class="banner-tag">
            <p>热门搜索：<a href="#">可研审批</a><a href="#">施工许可证办理</a><a href="#">招投标</a><a href="#">施工许可证办理</a><a href="#">注册</a><a href="#">登录</a></p>
          </div>
        </div>
      </div>
    </section>
    <router-view/>
  </div>
</template>

<script>

import { getBlackList } from '@/api/home/home'

export default {
  name: 'helpLayout',
  data () {
    return {
      searchVal: ''
    }
  },
  mounted () {
    this.getPersonDetail()
  },
  methods: {
    getPersonDetail (id) {
      getBlackList(id).then(res => {
        //console.log(res)
      })
    },
    search(){
      alert(this.searchVal)
    }
  }
}
</script>

<style>
  @import '../../assets/css/helpCenter.css';
</style>
